<template>
    <h3>我是最顶层的组件:{{ message }}</h3>
    <HomeContent></HomeContent>
    <!-- <button @click="message = '你好'">改变msg的值</button> -->
    <!--第一种方式-->
            <!-- <button @click="obj.message='你好'">改变message的值</button>
        <h2>HomeView----{{obj.message}}</h2> -->
         <!--第二种方式-->
             <button @click="message = '你好'">改变message的值</button>
            <h2>HomeView----{{ message }}</h2>

</template>
<script>
import HomeContent from './HomeContent.vue';
export default {
    data() {
        return {
            message: 'HelloView',
            // obj: {
            //     message: "helloview"
            // }
        }
    },
    // provide: {
    //     msg:"HelloView"
    // }
    provide() {
        return {
             message: this.message,
            // obj: this.obj,
            message:()=> this.message
        }
    }
    ,
    components: {
        HomeContent
    }
}


</script>